import { type SlateElementProps, type TAudioElement } from "platejs";

import { SlateElement } from "platejs";

export function AudioElementStatic(props: SlateElementProps&lt;TAudioElement&gt;) {
  return (
    &lt;SlateElement {...props} className="mb-1"&gt;
      &lt;figure className="group relative cursor-default"&gt;
        <div>
          &lt;audio className="size-full" src={props.element.url} controls /&gt;
        </div>
      &lt;/figure&gt;
      {props.children}
    &lt;/SlateElement&gt;
  );
}
